<!DOCTYPE html>
<html>
    <head>
        <title>是什么？You will get a big surprise!!!</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="js/jquery-1.8.1.js"></script>
        <script type="text/javascript" src="js/layer/layer.min.js"></script>
        <!--  STEP ONE: insert path to SWFObject JavaScript -->
        <script type="text/javascript" src="js/swfobject/swfobject.js"></script>
        <!--  STEP TWO: configure SWFObject JavaScript and embed CU3ER slider -->
        <script type="text/javascript">
            var flashvars = {};
            flashvars.xml = "config.xml";
            flashvars.font = "font.swf";
            var attributes = {};
            attributes.wmode = "transparent";
            attributes.id = "slider";
            swfobject.embedSWF("cu3er.swf", "cu3er-container", "600", "300", "9", "expressInstall.swf", flashvars, attributes);
        </script>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script type="text/javascript">
            $(document).ready(function() {
                $("#munus-pic").click(function() {
                    if ($("input[name='price']").val() - 100 <= 0) {
                        $("input[name='price']").val(0);
                    } else {
                        $("input[name='price']").val($("input[name='price']").val() - 100);
                    }
                });

                $("#plus-pic").click(function() {
                    $("input[name='price']").val(Number($("input[name='price']").val()) + 100);
                });

                $("#submit-pic").click(function() {
                    // layer.alert("填寫收貨人信息");
                    /*
                    $.layer({
                        type: 2,
                        shade: [0],
                        fix: false,
                        title: 'iframe子父操作',
                        maxmin: true,
                        iframe: {src: 'order-info.html'},
                        area: ['800px', '440px'],
                        close: function(index) {
                            layer.msg('您获得了子窗口标记：' + layer.getChildFrame('#name', index).val(), 3, 1);
                        }
                    });
                    */
                   var pageii = $.layer({
                        type: 1,
                        title: false,
                        area: ['auto', 'auto'],
                        border: [0], //去掉默认边框
                        shade: [0], //去掉遮罩
                        closeBtn: [0, true], //去掉默认关闭按钮
                        shift: 'top', //从左动画弹出
                        page: {
                            html: '<div style="width:920px; height:660px; padding:20px; border:1px solid #ccc; background-color:#eee;">'+
            '<div style="width:850px; height:8px; line-height: 8px;padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-bottom: 2px;">'+
                '填写订单信息'+
            '</div>'+
            '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">'+
             '   <p>发件人信息</p>'+
              '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>'+
           ' </div>'+
            '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">'+
             '   <p>收件人信息</p>'+
              '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>'+
            '</div>'+
            '<div style="width:250px; height:500px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;">'+
             '   <p>Something about the reciver</p>'+
              '  <input type="text" style="height:24px;width:200px;font-size:15px;"/>'+
           ' </div>'+
            '<div style="width:850px; height:18px; padding:20px; border:1px solid #ccc; background-color:#eee;float:left;margin-left: 8px;margin-top: 2px;margin-bottom: 15px;">'+
             '   <button id="pagebtn" class="btns" onclick="">关闭</button>'+
            '</div>'+
       ' </div>'
                        }
                    });
//自设关闭
                    $('#pagebtn').on('click', function() {
                        layer.close(pageii);
                    });
                });
            });

        </script>
        <style type="text/css">  
            input.text{text-align:center;padding:10px 20px;width:100px;}  
        </style>
    </head>
    <body>
        <div id="header">
            <div id="logo">
                logo
            </div>

            <div id="login-btn">
                login  register
            </div>
            <!--
             <div id="menu">
                 s
             </div> -->
        </div>

        <div id="main">
            <!--  STEP THREE: insert CU3ER div container *mobanwang.com-->
            <div id="cu3er-container">
                <a href="http://www.adobe.com/go/getflashplayer">
                    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                </a>
            </div>
            <div id="price_form">
                <br/>
                <img src="images/minus.png"  id="munus-pic" style="vertical-align:middle;cursor:pointer;" alt="minus" />
                <input name="price" class="text" type="text" onkeyup="this.value = this.value.replace(/\D/g, '')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"/>
                <img src="images/plus.png"  id="plus-pic" style="vertical-align:middle;cursor:pointer;" alt="plus" />
                <br/><br/>
                <img src="images/accept.png"  id="submit-pic" style="vertical-align:middle;cursor:pointer;" width="50" height="50" alt="plus" />
            </div>
        </div>
        <div id="footer">
            Copyright@ Titan Digital Video Make Inc. / Administrator 蜀IPC备10028888号 版权所有
        </div>

    </body>
</html>
